
@charset "utf-8";


/*****
* 功能：乙秒购官网开发
* 日期：2017/6/27
* 开发者：李刚
******/


/*1.  总体样式重置部分*/
html,body,div,p,ul,ol,li,a,img,span,form,label,input,button,caption,fieldset,legend,iframe,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dd,dt,table,tbody,tbody,thead,tfoot,th,tr,hr,h1,h2,h3,h4,h5,h6,header,nav,section,article,aside,footer,main,hgroup,figure,canvas,menu,time,mark,audio,video,summary {margin: 0;padding: 0;}

ul,ol,li {
   list-style: none;
}

h1,h2,h3,h4,h5,h6,em,i {
   font-weight: 100;
   font-style: normal;
}

a {
   text-decoration: none;
   color: #333;
}

a:hover {
   color: #c81623;
   text-decoration: none
}

fieldset,
img {
   border: 0;
}

input {
   padding-top: 0;
   padding-bottom: 0;
   font-family: "微软雅黑", "SimSun", "宋体";
}

input::-moz-focus-inner {
   border: 0;
   padding: 0;
}

input::-moz-focus-inner {
   border: 0;
   padding: 0;
}

select,
input {
   vertical-align: middle;
}

input[type="text"],
input[type="password"],
textarea {
   outline-style: none;
   -webkit-appearance: none
}

textarea {
   resize: none;
}

table {
   border-collapse: collapse
}

button {
   cursor: pointer;
}


/*2.  html5标签重置为块状元素*/
header,nav,section,article,aside,footer,main,hgroup,figure {
   display: block;
}

/*具体样式部分*/
html,body{
   width:100%;
   height: 100%;
}

/*头部banner区域*/
.header {
   background-image: url(../image/banner.png);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   width: 100%;
   height: 100%;
}
.banner_logoimg {
   width: 173px;
   height: 38px;
   float: left; 
   margin-top: 21px;
   margin-left: 180px;
}
.nav {
   height: 80px;
   line-height:  80px;
   background-color: #171b1f;
}
.nav_menu {
   display: flex;
   justify-content: center;
}
.nav_menu>a{
   color: #fff;
   font-size: 18px;  
   display: inline-block;
   height: 100%;
   padding: 0 40px;
}

.nav_menu_a_hover {
   background-color: #1666ff;
}


/*swiper轮播图部分*/
.swiper-container {
   width: 60%;
   height: calc(100% - 80px);
   display: flex;
   flex-direction: column;
   justify-content: center;
   text-align: center;
   margin: 0 auto;
}
.swiper-slide>.autoplay_warp {
   width: 100%;
   height: 330px;
   position: absolute;
   top: 50%;    
   transform:translate(0, -50%);

}
.swiper-slide>.autoplay_warp>hr {
   width: 110px;
   margin: 0 auto;   
}
.swiper-slide>.autoplay_warp>h1 {
   color: #1666ff;
   font-size: 40px;
   margin-top: 70px;
   line-height: 1.5em;
}
.swiper-slide>.autoplay_warp>p {
   color: #fff;
   font-size: 22px;
   margin-top: 55px;
   line-height: 1.5em;
}
.swiper_line {
   margin-top: 120px;
   display: flex;
   justify-content: center;
}

.swiper_line>a {
   width: 25px;
   border-bottom: 2px solid #fff;
   margin: 0 10px;
}



/*主体部分*/

/*公共小标题部分*/
.public_smail_title {
   height: 220px;
   width: 100%;
   display: flex;
   flex-direction: column;
   text-align: center;
   justify-content: center;

}
.public_smail_title hr{
   width: 68px;
   border-bottom: 2px solid rgb(69,140,255);
   margin: 0 auto;

}
.public_smail_title p {
   margin-top: 30px;
}


/*案列图片部分*/
.order_img {
   height: 508px;  
   display: flex;
   background-size: cover;
   justify-content: center;  
   overflow: hidden;   
}

/*主体服务行业*/
.service_trade {
   background-image: url(../image/background.png);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;   
   width: 100%;
   height: 652px;     
   display: flex;
   justify-content: center;   
   flex-direction: column;   
   margin: 0 auto;
}

.service_trade>.figure_warp {   
   width: 100%;   
   display: flex;
   justify-content: center;   
}
.service_trade>.figure_warp2 {
   margin-top:  70px;
}

.service_trade>.figure_warp>figure {
   margin: 0 60px;
   cursor: pointer;
}


/*适用于的企业*/
.appropriate_company {
   width: 100%;
   display: flex;
   justify-content: center;
}
.appropriate_company>figure {
   width: 186px;
   margin: 0 130px;
}

.appropriate_company>figure p {
   margin-top: 30px; 
   padding:  0 20px;   
   text-align: center;
   line-height: 1.5em;
}

/*解决方案*/
.main_solution {
   width: 100%;
   display: flex;
   justify-content: center;
}
.main_solution>figure {
   width: 107px;
   text-align: center;
   margin: 0 100px;
}
.main_solution>figure>img {
   width: 107px;
   height: 107px;
}
.main_solution>figure>p{
   margin-top: 25px;
}

/*解决方案详细信息*/
.programme_info {
   width: 80%;
   margin: 25px auto 0;
   margin-bottom: 100px;
}
.programme_info>hr {
   border-bottom: 1px solid rgb(69,140,255);
   width: 100%;
   margin:0 auto; 
}
.programme_submenu {
   display: flex;
   justify-content: center;  
   padding-top: 50px;
}
.programme_submenu>ul {
   width: 180px;
   border-radius: 0 15px 0 15px;
   border:1px solid #1a74fe;   
   padding-top: 30px;
   margin: 0 60px;
}
.programme_submenu>ul>li {
   line-height: 2em;
   font-size: 16px;
   text-align: center;
   overflow: hidden;
}

.programme_model_admi {
   width: 80%;
   line-height: 35px;
   border-radius: 0 15px 0 15px;
   border:1px solid #1a74fe;  
   margin: 0 auto;
   font-weight: 700;
}


/*底部样式*/
.footer {
   background-color: #171b1f;
}
.footer .nav {
   height: 120px;
   line-height: 120px;
}

.footer_line {
   width: 95%;
   border-top: 2px dashed #fff;
   margin: 0 auto;
}

.footer_copy {
   height: 100px;
   line-height: 100px;
   text-align: center;
   color: #fff;
   font-size: 20px;
}



















